.root {
  height: 100vh;
}
#components-layout-demo-custom-trigger .trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.3);
}

.site-layout .site-layout-background {
  background: #fff;
}
.logo {
  width: 45px;
  height: 45px;
  background-color: rgb(9, 243, 192);
  margin: auto;
  -webkit-clip-path: polygon(
    51% 55%,
    100% 30%,
    89% 69%,
    50% 100%,
    14% 73%,
    0 32%
  );
  clip-path: polygon(51% 55%, 100% 30%, 89% 69%, 50% 100%, 14% 73%, 0 32%);
}
#components-layout-demo-side .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.3);
}

.site-layout .site-layout-background {
  background: #fff;
}
